<template>
  <div class="about">
    <h1>This is an about page</h1>
    <p @click="getPdf('#pdfDom')">点击保存</p>

    <div id="pdfDom">
      <img src="../assets/logo.png" alt="">
      <div class="img_bg"></div>
      <img crossorigin="anonymous" src="https://tse1-mm.cn.bing.net/th/id/R-C.934bcee127d760f30ba037672c9af762?rik=X96En1ISU1Ds%2fA&riu=http%3a%2f%2fwww.xuancai123.com%2fupload%2f64%2f2018%2f11-25%2f20181125211455_0859uaeknl55v_small.jpg&ehk=B5pce82isrKM75I3atAFxJopyTo50Itfpm9dF12HUhY%3d&risl=&pid=ImgRaw&r=0" alt="">
      <p>测试</p>
      <h1>测试2</h1>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      htmlTitle: 'test'
    }
  },
  methods: {
    
  },
}
</script>
<style lang="less" scoped>
.img_bg{
  width: 100%;
  height: 200px;
  background: url('https://tse1-mm.cn.bing.net/th/id/R-C.57d66aed9776d3ff6e75b679b304e8f6?rik=tWp8qHoY7l97cg&riu=http%3a%2f%2fimg.pconline.com.cn%2fimages%2fupload%2fupc%2ftx%2fphotoblog%2f1809%2f27%2fc5%2f111648808_1538059822309.jpg&ehk=BmoXUcLr7F503kkFekPDwfXRFwUtig06%2fjdErSnWLFA%3d&risl=1&pid=ImgRaw&r=0') no-repeat top;
  background-size: cover;
}
</style>